<form [formGroup]="robotForm">
  <div class="form-group row">
    <label for="userId" class="col-3 col-form-label text-right">机器人ID</label>
    <input id="userId" formControlName="userId" disabled>
  </div>
  <div class="form-group row">
    <label for="nickName" class="col-3 col-form-label text-right">机器人昵称</label>
    <input id="nickName" formControlName="nickName">
  </div>
  <div class="form-group row">
    <label for="robotImage" class="col-3 col-form-label text-right">机器人头像</label>
    <img #imageElement style="height: 40px;width: 40px" id="robotImage" [src]="imageUrl" onerror="this.src='../../../../../assets/cat.png'" (click)="changeAvatar()">
    <input #fileInput type="file" (input)="selectFile($event)" style="display: none">
  </div>
  <div class="form-group row">
    <label for="whatsUp" class="col-3 col-form-label text-right">机器人签名</label>
    <input id="whatsUp" formControlName="whatsUp">
  </div>


  <div class="row">
    <div class="col-12 text-center">
      <button class="btn btn-sm btn-teal w-50" [disabled]="!robotForm.valid" (click)="update()">
        保存信息
      </button>
    </div>
  </div>
</form>
